<%layout("/common/layout.html"){%>
    <link rel="stylesheet" href="${cxt!}/css/index/css.css"/>
    <link rel="stylesheet" href="${cxt!}/css/index/reset.css"/>
    <!--特殊字体样式-->
    <link rel="stylesheet" href="${cxt!}/css/index/font.css"/>
   <script>
   $(document).ready(function(){ 
	    $('#containeruser').highcharts({
	        title: {
	            text: '',		//一级标题
	            x: -20 //center
	        },
	        subtitle: {
	            text: '',  //二级标题
	            x: -20
	        },
	        xAxis: {
	            categories: ['${_res["statistics.january"]}', '${_res["statistics.february"]}', '${_res["statistics.march"]}', '${_res["statistics.april"]}', '${_res["statistics.may"]}', '${_res["statistics.june"]}','${_res["statistics.july"]}', '${_res["statistics.august"]}', '${_res["statistics.september"]}', '${_res["statistics.october"]}', '${_res["statistics.november"]}', '${_res["statistics.december"]}']		//下标
	        },
	        yAxis: {
	            title: {
	                text: 'User'
	            },
	            plotLines: [{
	                value: 0,
	                width: 1,
	                color: '#808080'
	            }]
	        },
	      
	        tooltip: {
	            valueSuffix: '${_res["statistics.people"]}'
	        },
	        legend: {
	            layout: 'vertical',
	            align: 'right',
	            verticalAlign: 'middle',
	            borderWidth: 0
	        },
	        series: [{
	            name: '${_res["statistics.num"]}',
	            data: [${user.one}, ${user.too}, ${user.march}, ${user.april}, ${user.may}, ${user.june}, ${user.july}, ${user.august}, ${user.september}, ${user.october}, ${user.november}, ${user.december}]
	        }]
	    }),
	    $('#containerorder').highcharts({
	        title: {
	            text: '',		//一级标题
	            x: -20 //center
	        },
	        subtitle: {
	            text: '',  //二级标题
	            x: -20
	        },
	        xAxis: {
	            categories: ['${_res["statistics.january"]}', '${_res["statistics.february"]}', '${_res["statistics.march"]}', '${_res["statistics.april"]}', '${_res["statistics.may"]}', '${_res["statistics.june"]}','${_res["statistics.july"]}', '${_res["statistics.august"]}', '${_res["statistics.september"]}', '${_res["statistics.october"]}', '${_res["statistics.november"]}', '${_res["statistics.december"]}']		//下标
	        },
	        yAxis: {
	            title: {
	                text: 'User'
	            },
	            plotLines: [{
	                value: 0,
	                width: 1,
	                color: '#808080'
	            }]
	        },
	        tooltip: {
	            valueSuffix: '${_res["statistics.odernum"]}'
	        },
	        legend: {
	            layout: 'vertical',
	            align: 'right',
	            verticalAlign: 'middle',
	            borderWidth: 0
	        },
	        series: [{
	            name: '${_res["statistics.num"]}',
	            data: [${orderadd.one}, ${orderadd.too}, ${orderadd.march}, ${orderadd.april}, ${orderadd.may}, ${orderadd.june}, ${orderadd.july}, ${orderadd.august}, ${orderadd.september}, ${orderadd.october}, ${orderadd.november}, ${orderadd.december}]
	        }]
	    }),
	    $('#containerprice').highcharts({
	        title: {
	            text: '',		//一级标题
	            x: -20 //center
	        },
	        subtitle: {
	            text: '',  //二级标题
	            x: -20
	        },
	        xAxis: {
	            categories: ['${_res["statistics.january"]}', '${_res["statistics.february"]}', '${_res["statistics.march"]}', '${_res["statistics.april"]}', '${_res["statistics.may"]}', '${_res["statistics.june"]}','${_res["statistics.july"]}', '${_res["statistics.august"]}', '${_res["statistics.september"]}', '${_res["statistics.october"]}', '${_res["statistics.november"]}', '${_res["statistics.december"]}']		//下标
	        },
	        yAxis: {
	            title: {
	                text: 'User'
	            },
	            plotLines: [{
	                value: 0,
	                width: 1,
	                color: '#808080'
	            }]
	        },
	        tooltip: {
	            valueSuffix: '${_res["statistics.money"]}'
	        },
	        legend: {
	            layout: 'vertical',
	            align: 'right',
	            verticalAlign: 'middle',
	            borderWidth: 0
	        },
	        series: [{
	            name: '${_res["statistics.num"]}',
	            data: [${orderprice.one}, ${orderprice.too}, ${orderprice.march}, ${orderprice.april}, ${orderprice.may}, ${orderprice.june}, ${orderprice.july}, ${orderprice.august}, ${orderprice.september}, ${orderprice.october}, ${orderprice.november}, ${orderprice.december}]
	        }]
	    }),
	    $('#containercountry').highcharts({
	        chart: {
	            plotBackgroundColor: null,
	            plotBorderWidth: null,
	            plotShadow: false
	        },
	        title: {
	            text: ''
	        },
	        tooltip: {
	    	    pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
	        },
	        plotOptions: {
	            pie: {
	                allowPointSelect: true,
	                cursor: 'pointer',
	                dataLabels: {
	                    enabled: true,
	                    color: '#000000',
	                    connectorColor: '#000000',
	                    format: '<b>{point.name}</b>: {point.percentage:.1f} %'
	                }
	            }
	        },
	        series: [{
	            type: 'pie',
	            name: 'Browser share',
	            data:  (function() {
	            	//
	            	 var arr = [ {count:"46%", name:"其他地区"}];     
	            	 $.each(arr,function (name, value) {
	            		alert(name);
	            		
	                 });
	            	
	            })
	        }]
	    });
	});
 
   </script>
   
   
 
<div style="width: 100%;margin:40px auto;overflow: hidden;">
    <!-- ==================================== 后台系统主页内容 开始 ================================= -->
    <!--1-->
    <div class="hou">
        <div class="hou_t">
            <em class="floatE">${_res["statistics.todaydata"]}</em>
            <a href="#" class="hou_tt floatR">${_res["statistics.num"]}</a>
        </div>
        
        <table class="hou_tb" cellspacing="0" cellpadding="0">
            <tr class="hou_tbt">
                <th><img src="${cxt!}/img/hou1.jpg" alt=""/></th>
                <th><img src="${cxt!}/img/hou2.jpg" alt=""/></th>
                <th><img src="${cxt!}/img/hou3.jpg" alt=""/></th>
                <th><img src="${cxt!}/img/hou4.jpg" alt=""/></th>
            </tr>
            
            <tr>
                <th>${_res["statistics.statistics"]}</th>
                <th>${_res["statistics.newuser"]}</th>
                <th>${_res["statistics.newproject"]}</th>
                <th>${_res["statistics.newpropery"]}</th>
            </tr>
            
         <tr>
             <td>${_res["statistics.yesterday"]}</td>
               <% for(yestadadys in yestadady!){ %>
             <td>${yestadadys!}</td>
                <% } %>
       </tr>
        
       	<tr hidden="true" class="aa">
       	  <% for(odercc in yearadduser!){ %>
       	<td>${odercc!}</td>
       	  <% } %>
       	</tr>
     
            <tr class="hou_tbg">
                <td>${_res["statistics.today"]}</td>
                  <% for(todys in tody!){ %>
             <td>${todys!}</td>
                <% } %>
            </tr>
            <tr>
                <td>${_res["statistics.year"]}</td>
                <td>-10%</td>
                <td>30%</td>
                <td>30%</td>
            </tr>
        </table>
    </div>
    <!--2-->
    <div class="overE">
        <div class="hou floatE hou_cw">
            <div class="hou_t">
                <em class="floatE">${_res["statistics.user"]}</em>
                <div class="hou_r">
                    <a href="#"><img src="${cxt!}/img/hou_up.jpg" alt=""/></a>
                    <a href="#"><img src="${cxt!}/img/hou_close.jpg" alt=""/></a>
                </div>
            </div>
            <div id="containeruser"></div>
        </div>
        <div class="hou floatR hou_cw">
            <div class="hou_t">
                <em class="floatE">${_res["statistics.odernumber"]}</em>
                <div class="hou_r">
                    <a href="#"><img src="${cxt!}/img/hou_up.jpg" alt=""/></a>
                    <a href="#"><img src="${cxt!}/img/hou_close.jpg" alt=""/></a>
                </div>
            </div>
            <div id="containerorder"></div>
        </div>
    </div>
    <!--3-->
    <div class="overE">
        <div class="hou floatE hou_cw">
            <div class="hou_t">
                <em class="floatE">${_res["statistics.userarea"]}</em>
                <div class="hou_r">
                    <a href="#"><img src="${cxt!}/img/hou_up.jpg" alt=""/></a>
                    <a href="#"><img src="${cxt!}/img/hou_close.jpg" alt=""/></a>
                </div>
            </div>
             <div id="containercountry"></div>
        </div>
        <div class="hou floatR hou_cw">
            <div class="hou_t">
                <em class="floatE">${_res["statistics.number"]}</em>
                <div class="hou_r">
                    <a href="#"><img src="${cxt!}/img/hou_up.jpg" alt=""/></a>
                    <a href="#"><img src="${cxt!}/img/hou_close.jpg" alt=""/></a>
                </div>
            </div>
           <div id="containerprice"></div>
        </div>
    </div>
    <!--4-->
    <div class="hou">
        <div class="hou_t">
            <em class="floatE">${_res["statistics.intent"]}</em>
            <div class="hou_r">
                <a href="#"><img src="${cxt!}/img/hou_up.jpg" alt=""/></a>
                <a href="#"><img src="${cxt!}/img/hou_close.jpg" alt=""/></a>
            </div>
        </div>
        <table class="hou_tb" cellspacing="0" cellpadding="0">
            <tr>
                <th>${_res["statistics.project"]}</th>
                <th>${_res["statistics.number"]}</th>
                <th>${_res["statistics.amount"]}</th>
                <th>${_res["statistics.status"]}</th>
                <th>${_res["statistics.time"]}</th>
            </tr>
               <% for(oder in oders!){ %>
            <tr>
             <td>${oder.name!}</td>
             <td>${oder.orderno!}</td>
             <td>${oder.totalprice!}</td>
             <td>${oder.status!}</td>
             <td>${oder.createddtm!}</td>
            </tr>
                 <% } %>
           
        </table>
    </div>
    <!-- ==================================== 后台系统主页内容 结束 ================================= -->
</div>

<%}%>


